<template>
    <div>
        <!-- 订单中心 -->
        <!-- 头部导航组件 -->
        <van-nav-bar title="我的订单" left-text="返回" left-arrow @click-left="$router.go(-1)" />
        <!-- 添加地址组件 -->
        <van-contact-card type="add" @click="$router.push('/address')" />
        <!-- 暂无订单组件 -->
        <van-empty image-size="100" description="暂无订单" />

        <!-- 提交 订单栏 -->
        <van-submit-bar :price="price" button-text="提交订单" @submit="onSubmit" />
    </div>
</template>

<script setup lang="ts">
import { Toast } from 'vant';
import { ref, reactive, computed, watch, defineProps, defineEmits } from 'vue'

let price = ref(0)
function onSubmit(){
    Toast('提交订单暂未开通支付功能');
}

</script>
<style scoped>

</style>